(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "friendly-petite-vue"], factory);
    }
})(function (require, exports) {
    "use strict";
    exports.__esModule = true;
    var friendly_petite_vue_1 = require("friendly-petite-vue");
    exports["default"] = friendly_petite_vue_1.defineComponent(function (props) { return ({
        template: "\n    <div>{{$store}}</div>\n    <div>{{sum()}}</div>\n    <label v-for=\"item in items\" v-key=\"item.value\">\n        {{item.text}}\n        <input type=\"checkbox\" :value=\"item.value\" v-model=\"$store\"/>\n    </label>\n    <button type=\"button\" @click=\"handleClick\">click</button>\n    <button type=\"button\" @click=\"handleClick2\">click2</button>\n    ",
        data: function () {
            return {
                items: props.items,
                tt: []
            };
        },
        methods: {
            sum: function () {
                return this.$store.reduce(function (acc, i) { return acc + i; }, 0);
            },
            handleClick: function () {
                console.log('hi');
                this.items.push({ value: 321 });
            },
            handleClick2: function () {
                console.log('his');
                this.tt.push({ value: 321 });
            }
        }
    }); });
});
